<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <div id="app">
       <ul>
           <li v-for="item in names" >{{item}}</li>
       </ul> 
       <button @click = "btnClick">按钮</button>
    </div>
    <script src="../js/vue.js"></script>
    <script>
        const app = new Vue({
            el:'#app',
            data:{
                names:["b","c","d","e","a"]
            },
            methods:{
                btnClick(){
                    // 1.push方法 在数组最后添加以为元素(可以一次加多个)
                    // this.names.push("aaa")

                    // 删除数组的最后一位元素
                    // this.names.pop();

                    // 删除数组的第一位元素
                    // this.names.shift();

                    // 在数组第一位添加元素(可以一次加多个)
                    // this.names.unshift("55555","6666");
                
                    // 在数组中间增加，删除，替换
                    // 插入
                    // this.names.splice(1,0,"2222")
                    // 替换
                    // this.names.splice(1,1,"2222")
                    // 删除(第二个参数不穿，则把之后的全部删除)
                    // this.names.splice(1)
                    // this.names.splice(2,this.names.length-2)
                    // this.names.splice(1,1)

                    // sort    排序
                    // this.names.sort();

                    // reverse  反转
                    // this.names.reverse();

                    // 注意：
                    // 通过索引值不会通过响应式改变数组
                    // 2.通过索引值修改数组的元素
                    // this.names[0] = "bbbb"

                    // vue内部实现的函数
                    // set(要修改的对象，索引，修改后的值)
                    Vue.set(this.names, 0,"cccc")
                   
                }
            }
        })

        // function sum(num1,num2){
        //     return num1+num2
        // }

        // function sum(num1,num2,num3){
        //     return num1+num2+num3
        // }

        // // 可变参数
        // function sum(...num){
        //     console.log(num)
        // }

        // sum(20,30,90,52,102,20)
    </script>
</body>
</html>